<!DOCTYPE html>
<html>

<head>
    <!-- include "../common/meta.html" -->
    <title>JavaScript on Fiber</title>
</head>

<body>
    <!-- include "../common/header.html" -->

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron" style="background-image: url('./imgs/bg-1.jpg');">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <h1>Fiber 上的 JavaScript 运行时</h1>
                    <h2>更快，更轻，更好</h2>
                    <p class="actions">
                        <a class="btn btn-primary btn-lg" href="/docs/guide/about.md.html" role="button"> 快速入门 </a>
                        <a class="btn btn-default btn-lg" target="_blank" href="https://github.com/fibjs" role="button"><i class="fa-brands fa-github"></i> GitHub</a>
                        <a class="btn btn-default btn-lg" target="_blank" href="https://deepwiki.com/fibjs/fibjs" role="button"><i class="fa-solid fa-comments"></i> Chat</a>
                    </p>
                    <div class="install-box notranslate">
                        <div class="install-header">
                            <span class="dot red"></span>
                            <span class="dot yellow"></span>
                            <span class="dot green"></span>
                            <span class="title">bash</span>
                        </div>
                        <div class="install-body">
                            <span class="prompt">$</span>curl -s https://fibjs.org/download/installer.sh | sh
                        </div>
                    </div>
                </div>
                <div class="col-md-5 hidden-xs hidden-sm">
                    <!-- Optional: Add a hero image or illustration here if available -->
                </div>
            </div>
        </div>
    </div>

    <div class="section-features">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="icon-wrapper">
                            <i class="icon fa-solid fa-bolt" aria-hidden="true"></i>
                        </div>
                        <h3>快速开发</h3>
                        <p>内置模块丰富，安装即用。无需理解复杂的异步概念，使用同步风格编写异步代码，立即开发高性能 Web 服务。</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="icon-wrapper">
                            <i class="icon fa-solid fa-gauge-high" aria-hidden="true"></i>
                        </div>
                        <h3>性能卓越</h3>
                        <p>基于 Google V8 引擎，配合高性能 C++ 内核组件。内置多核支持，充分利用服务器资源，提供极致性能。</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="icon-wrapper">
                            <i class="icon fa-solid fa-users" aria-hidden="true"></i>
                        </div>
                        <h3>社区友好</h3>
                        <p>完全开源，兼容 npm 模块管理。拥有活跃的社区支持，丰富的文档和示例，让你的开发之路畅通无阻。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="section-code">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2>简单易用</h2>
                    <p class="lead">使用同步的方式编写异步代码，逻辑清晰，易于维护。</p>
                    <p>fibjs 采用纤程（Fiber）模型，避免了回调地狱（Callback Hell），让代码像写同步程序一样简单自然，同时保持异步的高并发性能。</p>
                    <a href="/docs/guide/readme.md.html" class="btn btn-outline-primary">查看更多示例 &rarr;</a>
                </div>
                <div class="col-md-6">
                    <div class="code-window">
                        <div class="window-header">
                            <span class="dot red"></span>
                            <span class="dot yellow"></span>
                            <span class="dot green"></span>
                            <span class="title">server.js</span>
                        </div>
                        <div class="window-body">
<pre><code class="javascript">var http = require("http");

var svr = new http.Server(8080, function(req) {
    req.response.write("Hello, fibjs!");
});

svr.start();</code></pre>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-body">
        <div class="container">
            <div class="home-os">
                <i class="icon fa-brands fa-apple" aria-hidden="true" title="macOS"></i>
                <i class="icon fa-brands fa-linux" aria-hidden="true" title="Linux"></i>
                <i class="icon fa-brands fa-windows" aria-hidden="true" title="Windows"></i>
                <i class="icon fa-brands fa-raspberry-pi" aria-hidden="true" title="Raspberry Pi"></i>
                <i class="icon fa-brands fa-freebsd" aria-hidden="true" title="FreeBSD"></i>
            </div>
            <p class="text-center text-muted">跨平台支持，随处运行</p>
        </div>
    </div>

    <!-- include "../common/footer.html" -->
</body>

</html>